@import './flex';
// 背景主颜色
$bgWin:#1F1F1F;
// 背景副颜色
$subBgWin:#000;
// 背景次级颜色
$thirdBgWin:#131213;
// 其他背景颜色
$otherBgWin:#333;
// 主题颜色
$mainColor:#FFD015;
// 副主题颜色
$subMainColor: #bbbbbb;
// 字体主颜色
$textColor:#F8F6FA;
// 字体副颜色
$subTextColor:#CECECE;
$otherTextColor:#999;

page{
  background-color: $bgWin;
  color: $textColor;
  font-size: setSize(32);
}

@function setSize($w) {
	//@return ($w * 1rem/32);
	@return ($w * 1rpx);
}

@mixin bigButton{
	height: setSize(80);
	line-height: setSize(80);
	border-radius:setSize(80);
	border:none;
	background:$mainColor;
	color: $subBgWin;
	text-align: center;
	font-size: setSize(34);
	margin-left:setSize(40);
	margin-right:setSize(40);
}

/*
*text ellipsis 
*/
@mixin ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*
*text line ellipsis 
*/
@mixin lineClamp($num) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: $num;
	-webkit-box-orient: vertical;
}

/* $w:宽;$h:高;$to:方向; */
@mixin gradientLine($w,$h,$to) {
	width: setSize($w);
	height: setSize($h);
	background-image: linear-gradient($to,#333, #FFD017, #333);
}